<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>AdminLTE 2 | Dashboard</title>

</head>
<body class="hold-transition skin-blue sidebar-mini">
<!-- style="height: auto; min-height: 100%;" -->
<div class="wrapper">
    <!-- 顶部右侧处理故障等列表 -->
    <div class="navbar-custom-menu humitureHeader" th:fragment="humitureHeader" style="display:none">
    
<!--     <style>
   .humitureOnNum {
      right: 43px;
      top: 4px;
      background-color:#5ec700;
  }
  .deviceHistoryaaa {
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    cursor: pointer;
    border-left: none;
    background: none;
}
    </style> -->
    
        <ul class="nav navbar-nav ">

            <!--  快速定位  -->
            <li class="searchBox">
                <div class="input-group ">
                    <input type="text" name="q" class="form-control" placeholder="快速定位...">
		       <span class="input-group-btn">
		             <div id="search-btn" class="btn btn-flat search-btn"><i class="fa fa-map-marker"></i>
                     </div>
                </span>
                </div>
            </li>

            <ul class="searchList" style="right:332px;">
                <!-- TODO -->
            </ul>
<!--             <li class="messages-menu humiture-menu-normal" style="margin-top: 14px;margin-right: 5px;">dropdown    
            
	            <a href="#">    
	              <span class="dropdown-toggle ">
	                  <span class="" style="color:#fff;font-weight:700;"><img style="margin-right: 12px;width:22px;height:22px;" src="/icons/humiture.svg" alt="路灯总数"/><span>2</span></span>
	                  <span class=""></span>
	              </span>
	            </a>
            </li> -->
            
            <li class="messages-menu humiture-menu-normal"><!-- dropdown -->     
	             <span class="dropdown-toggle sumStyle">
	                 <i class="sumImg"><img alt="温湿度总数" height="20" src="/icons/temp-hum.svg" width="20"></i>
	                 <span class="humitureSum">0</span>
	             </span>
            </li>
            
            
            <li class="messages-menu">
             <span class="dropdown-toggle deviceHistory humitureDeviceHistory">
                 <i  class="sumImg"><img width=20 height=20 src="/icons/history.svg" alt="历史查询"/></i>
                 <span>历史</span>
             </span>
            </li>

            <!-- 报警 -->
            <li class="messages-menu humiture-menu-ectopic menuHover"><!-- dropdown alarmMenu-->
                <a class="dropdown-toggle" href="#">
                    <i><span class="" style="background-color:red;"><img src="/icons/temp-hum.svg" width=20 height=20 alt="开启"/></span></i>
                    <span class="label numStyle humitureEctopicNum">1</span><!-- alarmNum -->
                    <span>报警</span>
                </a>
                <ul class="dropdown-menu" style="height:auto;border: 0">
                    <li>
                        <div class="slimScrollDiv">
                            <ul class="menu" style="width: 100%; max-height: 500px; height:auto">
                                <!-- 动态添加信息 -->

                            </ul>
                        </div>
                    </li>
                </ul>
            </li>

            <!-- 故障 -->

            <li class="messages-menu humiture-menu-fault menuHover"><!-- dropdown alarmMenu-->
                <a class="dropdown-toggle" href="#">
                    <i><span class="" style="background-color: #808080;"><img src="/icons/temp-hum.svg" width=20 height=20 alt="开启"/></span></i>
                    <span class="label numStyle humitureFaultNum">0</span><!-- alarmNum -->
                    <span>故障</span>
                </a>
                <ul class="dropdown-menu" style="height:auto;border: 0">
                    <li>
                        <div class="slimScrollDiv">
                            <ul class="menu" style="width: 100%; max-height: 500px; height:auto">
                                <!-- 动态添加信息 -->

                            </ul>
                        </div>
                    </li>
                </ul>
            </li>

            <!-- 历史信息 -->
           	<li class="historyTwinkle">
                <a href="#" data-toggle="control-sidebar" class="historyBgc"><i class="historyMsg"><span><img
                        alt="" src="/icons/alarm-realtime.png"></span></i></a>
            </li> 

        </ul>

        
        
    </div>


</div>

</body>
</html>